<template>
    <div>
        <h1>666</h1>
        <h2>{{qqq}}{{name}}</h2>

        {{$parent.name}}
        <button @click='click'>按钮</button>
    </div>
</template>
<script>
// @ is an alias to /src
export default {
    name: 'myh1',
    // props:['qqq'], 这种写法 不限制
    // props  data  methods  computed 这四者中的属性都会被挂在当前实例
    props:{
      qqq:{
        // default:[666],/// 默认值
        // default:function(){
        //   return [666]
        // },
        // type:Array,// 要求传递的数据必须是数组
        // type:[Array,Number],// 要求传递的数据必须是数组
        // required:true,// 指定 参数必传
        validator(val){
          // val 就是 传进来的值
          // 创造组件的这个人 自己针对这个参数定义的规则 返回true就是规则通过
          console.log(val)
          return val.length > 3
        }
      }
    },
    data() {
        return {
          name:'儿子'
        }
    },
    methods: {
      click(){
        // this.$emit('myfn',"珠峰");
        this.$listeners.myfn("789456")
        console.log(this)
      }
    },
    components: {
        
    }
}
</script>
<style lang="less">

</style>